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Introduction 


本 书 主要 面向 Django 学 习 者 和 博客 开发 者 ， 其 中 的 代码 军 可 以 在 作者 的 github 上 获得 , 主要 是 在 Mac 上 进行 开 
发 , 并 没有 在 其 他 运行 环境 下 做 测试 


望 达到 的 目标 : 
e 希望 能 写 出 一 个 系列 文章 , 我 也 不 知道 到底 能 写 多 少 
e 能 够 让 认真 阅读 这 个 系列 的 文章 的 人 , 能 在 读 完 之 后 做 出 一 个 简单 的 博客 


。 教会 读者 使 用 简单 的 git 操 作 和 github 
e 希望 能 够 加 深 自己 对 Django 的 理解 


。 阅读 手册 
e Github 地 址 
e 教程 源 代码 地 址 


e 联系 译 者 


如 发 现任 何不 受 之 处 请 联系 作者 ， 可 直接 发 送 邮 件 到 1iu .bin.coder@gmail .com 或 者 直接 对 教程 github 源 码 进 行 
Issue 


最 后 感谢 阅读 





Django fj 介 


写作 目的 


喜欢 一 个 学 习 观 点 以 教 促 学 , 一 直 以 来 , 学 习 的 时 候 经 常会 发 现 , 某 个 方法 某 个 问题 自己 已 经 明白 了 , 但 是 在 
教 给 别人 的 时 候 确 说 不 清楚 , 所 以 慢 慢 的 学 会 了 以 教 促 学 这 种 方法 , 在 教 给 别人 知识 的 同时 也 能 够 提升 自己 
对 语言 , 对 框架 的 理解 . 


希望 达到 的 目标 : 


。 希望 能 写 出 一 个 系列 文章 , 我 也 不 知道 到 底 能 写 多 少 

。 能 够 让 认真 阅读 这 个 系列 的 文章 的 人 , 能 在 读 完 之 后 做 出 一 个 简单 的 博客 
。 教会 读者 使 用 简单 的 git 操 作 和 github 

e 希望 能 够 加 深 自己 对 Django 的 理解 


Django fi fT 


Django python 中 目前 风靡 的 Web Framework, 那么 什么 叫做 Framework We, 框架 能 够 帮助 你 把 程序 的 整 
体 架 构 搭 建 好 , 而 我 们 所 需要 做 的 工作 就 是 填写 逻辑 , 而 框架 能 够 在 合适 的 时 候 调 用 你 写 的 逻辑 , 而 不 需要 我 
们 自己 去 调用 逻辑 , 让 Web 开 发 变 的 更 敏捷 . 


Dijango 是 一 个 高 级 Python Web 框 架 , 鼓励 快速 ,简洁 , 以 程序 设计 的 思想 进行 开发 . 通过 使 用 这 个 框架 ， 
可 以 减少 很 多 开发 麻烦 , 使 你 更 专注 于 编写 自己 的 app, 而 不 需要 重复 造 轮子 . Django 免 费 并 且 开 源 . 


Django 特 点 
。 完全 免费 并 开源 源 代码 
。 快速 高 效 开发 


e. 使 用 MTV 架 构 ( 熟悉 web 开 发 的 应 该 会 说 是 MVC 架 构 ) 
e 强大 的 可 扩展 性 . 


Django T FAK 


Caching 


Fe URL Dispatcher 


Templates 





用 户 在 浏览 器 中 输入 URL 后 的 回 车 , 浏览 器 会 对 URL 进行 检查 , 首先 判断 协议 ,如 果 是 http 就 按照 Web 来 
处 理 , 然 互 调用 DNS 查询 ， 将 域名 转换 为 ITP 地 址 ， 然后 经 过 网 络 传输 到 达 对 应 Web 服 务 器 , 服务 器 对 Url 进行 
解析 后 , 调用 view 中 的 逻辑 (MTV 中 的 V), 其 中 又 涉及 到 Model(MTV 中 的 M), 与 数据 库 的 进行 交互 , 将 数据 发 
到 Template(MTV 中 的 T) 进 行 泻 染 , 然后 发 送 到 浏览 器 中 , 浏览 器 以 合适 的 方式 呈现 给 用 户 


通过 文字 和 图 的 结合 希望 读者 能 够 初步 理解 Django 的 工作 方式 


开发 环境 和 Django 安 装 


开发 环境 


下 面色 仅 是 我 的 项 目 开发 环境 ， 没有 必要 追求 完全 一 致 .. . 


Mac OS X 10.10.1 # 非 必要 

Python3.4.1 

Django1.7.1 

Bootstrap3.3.0 or Pure( 临 时 决定 使 用 的 ，@ 游 逸 推荐 ) # 非 必要 
Sublime Text 3 # 非 必要 

virtualenv 1.11.6 


虚拟 环境 配置 
使 用 virtualenv 创建 虚拟 环境 , Ubuntun 和 Mac 安 装 程序 基本 一 致 


# 安 装 virtualenv 

$ pip install virtualenv 

# 创 建 虚拟 环境 

$ virtualenv -p /usr/local/bin/python3.4 ENV3.4 


Running virtualenv with interpreter /usr/local/bin/python3.4 
Using base prefix '/Library/Frameworks/Python.framework/Versions/3.4' 
New python executable in ENV3.4/bin/python3.4 

Also creating executable in ENV3.4/bin/python 

Installing setuptools, pip...done. 

# 激 活 虚 拟 环境 

$ source /ENV3.4/bin/activate 

# 查 看 当前 环境 下 的 安装 包 

$ pip list 

pipine) 

setuptools (3.6) 


更 多 virtualenv 使 用 可 以 参考 Virtualenv 简 明教 程 
E ロー コー 
Git 安 装 


Git 是 目前 世界 上 最 先进 的 分 布 式 版 本 控制 系统 


Mac 下 git 安 装 
$ brew install git 
Ubuntu 下 git 安 装 


$ sudo apt-get install git 


Windows 就 不 说 了 , 没 怎么 用 过 Windows 做 开发 , 坑 太 多 了 
Github 创 建 


在 Github 中 创建 一 个 属于 自己 的 帐号 新 建 帐号 后 , 请 点 击 New repository 或 者 下 图 地 方 


GitHub Bootcamp 











B CE x ((e)) Syntax Highlighted Diffs x 
You've been added to the CradleStudio organization! Now you can more easily understand the 
code that was changed in a commit, pull 
Here are some quick tips for a first-time organization member. request, or review comment. 
e Lise the «witrh context hittan in the winner left earner nf this nane fn mm .. .. View 22 new hrnarra«te 


并 通过 Install-SSH-Use-Github 学 习 简 单 的 Github 与 git 的 协作 以 及 SSH 的 创建 


Github 和 git 的 协作 我 们 会 在 使 用 的 时 候 重复 提示 , 但 最 好 先进 行 SSH 的 安装 和 配置 
Django 安 装 
安装 最 新 版 的 Django 版 本 


# 安 装 最 新 版 本 的 Django 

$ pip install django 

# 或 者 指定 安装 版 本 

pip install -v django==1.7.1 


Bootstrap 


Bootstrap 简洁 、 直 观 、 强 悍 的 前 端 开 发 框架 ， 让 web 开 发 更 迅速 、 简 单 
bootstrap 已 经 有 较为 完善 的 中 文 文档 , 可 以 在 bootstrap 中 文 网 查看 
推荐 下 载 其 中 的 Bootstrap 源 码 


到 目前 为 止 , 基本 环境 已 经 搭建 好 了 


項目 与 App 


项 目 创 建 
现在 正式 开始 吧 , 我 们 创建 一 个 名 为 my_blog 的 Django 项 目 


创建 项 目的 指令 如 下 : 


$ django-admin.py startproject my_blog 


现在 来 看 一 下 整个 项 目的 文件 结构 


$ tree my blog  ”# 打 印 树 形 文件 结构 


my_blog 

トー manage.py 

L— my. blog 
[nee py 
トー settings.py 
トー urls.py 


L— wsgi.py 


qTedirnectony2wbstiles 


建立 Django app 


在 Django 中 的 app 我 认为 就 是 一 个 功能 模块 , 与 其 他 的 web 框 架 可 能 有 很 大 的 区 别 , 将 不能 功能 放 
在 不同 的 app 中 , 方便 代码 的 复 用 


建立 一 个 article app 


$ python manage.py startapp article 


现在 让 我 们 重新 看 一 下 整个 项 目的 结构 


manie 
rp amiga 
m admin.py 
トー migrations 
L— init .py 
トー models.py 
トー tests.py 
ーー views.py 
L^ db.sqlite3 
トー manage.py 
トー my blog 
[Seti tee apy, 
| 一 pycache . 
| トー __init__.cpython-34.pyc 








トー settings.cpython-34.pyc 


トー urls.cpython-34.pyc 
L— wsgi.cpython-34.pyc 


井 在 my_blog/my_blog/setting.py 下 添加 新建 app 


TNSTALLED_APPS = ( 


'article', # 这 里 填写 的 是 app 的 名 称 


$ python manage.py runserver  ”# 启 动 Django 中 的 开发 服务 器 


# 如 果 运 行 上 面 命令 出 现 以 下 提示 
You have unapplied migrations; your app may not work properly until they are applied. 
Run 'python manage.py migrate' to apply them. 
# 请 先 使 用 下 面 命令 
python manage.py migrate 
# 输 出 如 下 信息 
Operations to perform: 
Apply all migrations: contenttypes, sessions, admin, auth 
Running migrations: 
Applying contenttypes.0001_initial... OK 
Applying auth.0001_initial... OK 
Applying admin.0001_initial... OK 
Applying sessions.0001_initial... OK 


运行 成 功 后 ,会 显示 如 下 信息 


# 重 新 运行 启动 Django 中 的 开发 服务 器 
$ python manage.py runserver 


# 运 行 成 功 显示 如 下 信息 

System check identified no issues (0 silenced). 
December 21, 2014 - 08:56:00 

Django version 1.7.1, using settings 'my_blog.settings' 
Starting development server at http://127.0.0.1:8000/ 
Quit the server with CONTROL-C. 


现在 可 以 启动 浏览 器 , 58 Ahttp://127.0.0.1:8000/, 当 出 现 





It worked! 
Congratulations on your first Diango-powered page. 


Of course, you haven't actually done any work yet. Next, start your first app by running python manage.py startapp [app label]. 


You're seeing this message because you have pEBUG = True in your Django settings file and you haven't configured any URLs. Get to work! 


说 明 你 成 功 走出 了 第 一 步 ! 
命令 梳理 : 


python manage.py «command» [options] #Django Command python manange.py -h 帮 助 文档 


django-admin.py startproject my blog # 创 建 项 目 
python manage.py startapp article # 创 建 app 


Models 


Django Model 


e 每 一 个 Django Model 都 继承 自 django.db.models.Model 
e 在 Model 当中 每 一 个 属性 attribute 都 代表 一 个 database field 
e 通过 Django Model API 可 以 执行 数据 库 的 增删 改 查 , 而 不 需要 写 一 些 数据 库 的 查询 语句 


设置 数据 库 


Django 項 目 建 成 后 , 默认 设置 了 使 用 SQLite 数 据 库 , 在 my_blog/my_blog/setting.py 中 可 以 查看 和 修改 数据 库 
设置 : 


DATABASES = { 
"default': { 
"ENGINE': 'django.db.backends.sqlite3', 
'NAME': os.path.join(BASE DIR, 'db.sqlite3'), 


还 可 以 设置 其 他 数据 库 , 如 MySQL, PostgresQL , 现在 为 了 简单 , 使 用 默认 数据 库 设 置 


创建 models 


在 my_blog/article/models.py 下 编写 如 下 程序 : 


from django.db import models 


# Create your models here. 

class Article(models.Model) : 
title = models.CharField(max length = 100) # 博 客 题目 
category = models.CharField(max length = 50, blank = True) # 情 客 标签 
date time = models.DateTimeField(auto now add = True) # 博 客 日 期 
content = models.TextField(blank = True, null = True) # 情 客 文章 正文 


der munir code(s ela) 
return self.title 


class Meta: # 按 时 间 下 降 排 序 


ordering = ['-date time'] 


其 中  unicode (self) 加 ” 数 Article 对 象 要 怎么 表示 自己 , 一 般 系 统 默认 使 用 «Article: Article 
object» 来 表示 对 象 , 通过 这 个 辑 数 可 以 告诉 系统 使 用 title 字 段 来 表示 这 个 对 象 


e CharField 用 于 存储 字符 串 , max_length 设 置 最 大 长 度 
e TextField 用 于 存储 大 量 文本 


e DateTimeField 用 于 存储 时 间 , auto_now_add 设 置 True 表示 自动 设置 对 象 增 加 时 间 


同步 数据 库 


$ python manage.py migrate áp 
因为 我 们 已 经 执行 过 该 命令 会 出 现 如 下 提示 


Operations to perform: 
Apply all migrations: admin, contenttypes, sessions, auth 
Running migrations: 
No migrations to apply. 
Your models have changes that are not yet reflected in a migration, and so won't be app 
Run 'manage.py makemigrations' to make new migrations, and then re-run 'manage.py migra 


eo 


那么 现在 需要 执行 下 面 的 命 兮 





$ python manage.py makemigrations 
# 得 到 如 下 提示 
Migrations for 'article': 
0001 initial.py: 
- Create model Article 


现在 重新 运行 以 下 命 兮 


$ python manage.py migrate 
# 出 現 如 下 提示 表示 操作 成功 
Operations to perform: 
Apply all migrations: auth, sessions, admin, article, contenttypes 
Running migrations: 
Applying article.0001 initial... OK 


可 
S 


migrate $545 32 FRapp ii Fe $& Xr KA BABE E, 将 mode1s .py 与 数据 库 





Django Shell 


现在 我 们 进入 Dijango 中 的 交互 式 shell 来 进行 数据 库 的 增删 改 查 等 操作 


$ python manage.py shell 

Python 3.4.2 (v3.4.2:ab2c023a9432, Oct 5 2014, 20:42:22) 

[GCC 4.2.1 (Apple Inc. build 5666) (dot 3)] on darwin 

Type "help", "copyright", "credits" or “license” for more information. 
(InteractiveConsole) 

>>> 


这 里 进入 Django 的 shell 和 python 内 置 的 shell 是 非常 类 似 的 


>>> from article.models import Article 

>>> #Ccreate 数 据 库 增加 操作 

>>> Article.objects.create(title = 'Hello World', category = 'Python', content = ' 我 们 来 做 
<Article: Article object> 

>>> Article.objects.create(title = 'Django Blog 学 习 ', category = 'Python', content = 'Djar 
<Article: Article object> 


>>> #all 和 get 的 数据 库 查看 操作 

>>> Article.objects.all() # 查 看 全 部 对 象 ， 返 回 一 个 列表 ， 无 对 象 返 回 空 list 
[<Article: Article object>, <Article: Article object>] 

>>> Article.objects.get(id = 1) # 返 回 符合 条 件 的 对 象 

<Article: Article object> 


>>> #update 数 据 訂 修 改 操作 

>>> first = Article.objects.get(id = 1) ## Rid = 1 的 対象 
>>> first.title 

"Hello World' 

>>> first.date_time 

datetime.datetime(2014, 12, 26, 13, 56, 48, 727425, tzinfo=<UTC>) 
>>> first.content 

' 我 们 来 做 一 个 简单 的 数据 库 增加 操作 ' 

>>> first.category 

'Python' 

>>> first.content = 'Hello World, How are you' 

>>> first.content # 再 次 査 看 是 否 修 改 成功 , 修 改 操作 就 是 点 知 法 
"Hello World, How are you' 


>>> #delete 数 据 库 删除 操作 

>>> first.delete() 

>>> Article.objects.all()  # 此 时 可 以 看 到 只 有 一 个 对 象 了 ， 另 一 个 对 象 已 经 被 成 功 删除 
[<Article: Article object>] 


Blog.objects.all() # 选择 全 部 对 象 
Blog.objects.filter(caption='blogname') # 使 用 filter() 按 博客 题目 过 滤 
Blog.objects.filter(caption='blogname', id="1") # 也 可 以 多 个 条 件 

# 上 面 是 精确 匹配 也 可 以 包含 性 查询 
Blog.objects.filter(caption__contains='blogname' ) 
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Blog.objects.get(caption='blogname') # 获取 单个 对 象 如果 召 交 没有 返 回 


# 数 据 排序 
Blog.objects.order by("caption") 
Blog.objects.order by("-caption") # 倒序 


# 如 果 需 要 以 多 个 字段 为 标准 进行 排序 (第 二 个 字段 会 在 第 一 个 字段 的 值 相同 的 情况 下 被 使 用 到 ) ， 使 用 多 个 参数 就 可 以 了 
Blog.objects.order_by("caption", "id") 


# 连 锁 查 询 
Blog.objects.filter(caption__contains='blogname').order_by("-id") 


# 限 制 返回 的 数据 


Blog.objects.filter(caption__contains='blogname' )[0] 
Blog.objects.filter(caption contains-'blogname')[0:3] # 可 以 进行 类 似 于 列表 的 操作 


Ms 
当然 还 有 更 多 的 APl, 可 以 查看 官方 文档 








Views 和 URL 


网 页 程序 的 逻辑 


request 进 来 -> 从 服务 器 获取 数据 -> 义理 数据 -> 把 网 页 呈现 出 来 


e url 设置 相当 于 客户 端 向 服务 器 发 出 request 请 求 的 入 口 ， 并 用 来 指明 要 调用 的 程序 逻辑 
s views 用 来 处 理 程序 逻辑 , 然后 呈现 到 template( 一 般 为 GET 方 法 , posT 方 法 略 有 不 同 ) 
e template 一 般 为 html+CSS 的 形式 , 主要 是 呈现 给 用 户 的 表现 形式 


fj € Django Views 和 URL 


Django 中 views 里 面 的 代码 就 是 一 个 一 个 画 数 逮 辑 , 处 理 客户 端 (浏览 器 ) 发 送 的 HTTPReqduest, 然后 返回 
HTTPResponse， 


那么 那么 开始 在 my_blog/article/views.py 中 编写 简单 的 逻辑 


# 现 在 你 的 views .py 应 该 是 这 样 
from django.shortcuts import render 
from django.http import HttpResponse 


# Create your views here. 


def home(request): 
return HttpResponse("Hello World, Django") 


那么 如 何 使 这 个 逻辑 在 http 请 求 进入 时 , 被 调用 呢 , 这 里 需要 在 my_blog/my_blog/urls.py 中 进行 url 设 置 
from django.conf.urls import patterns, include, url 
from django.contrib import admin 
urlpatterns = patterns('', 
# Examples: 
# url(r'^$', 'my blog.views.home', name='home'), 


4 url(r'^blog/', include('blog.urls')), 


url(r'^admin/', include(admin.site.urls)), 
url(r'^$', 'article.views.home'), # 由 于 目前 只 有 一 个 app， 方 便 起 見 , 就 不 设置 include 了 


url() KAEMUT, 两 个 是 必须 的 :regex 和 view, 两 个 可 选 的 :kwargs 和 name 


e regex 是 regular expression 的 简写 ,这 是 字符 串 中 的 模式 匹配 的 一 种 语法 , Django 将 请 求 的 URL 从 上 至 
下 依次 匹配 列表 中 的 正则 表达 式 ， 直 到 匹配 到 一 个 为 止 。 


更 多 正则 表达 式 的 使 用 可 以 查看 Python 正则 表达 式 


e view 当 Django 匹配 了 一 个 正则 表达 式 就 会 调用 指定 的 view 逻 辑 , 上 面 代码 中 会 调用 article/views.py 中 


的 home 函 数 
。 kwargs 任意 关键 字 参 数 可 传 一 个 字典 至 目标 view 
s name 命名 你 的 URL, 使 url 在 Django 的 其他 地方 使用 , 特别 是 在 模板 中 


现在 在 浏览 器 中 输入 127.0.0.1:8000 应 该 可 以 看 到 下 面 的 界面 





Hello World, Django 


Django Views 和 URL 更 近 一 歩 
很 多 时 候 我 们 希望 给 view 中 的 函数 逻辑 传 入 参数 , 从 而 呈现 我 们 想 要 的 结果 
现在 我 们 这 样 做 , 在 my_blog/article/views.py 加 入 如 下 代码 : 


def detail(request, my_args): 
return HttpResponse("You're looking at my_args %s." % my_args) 


在 my_blog/my_blog/urls.py 中 设置 对 应 的 url, 


urlpatterns = patterns('', 
# Examples: 
# url(r'^$', 'my blog.views.home', name='home'), 
# url(r'^blog/', include('blog.urls')), 


url(r'^admin/', include(admin.site.urls)), 


url(r'^$', 'article.views.home'), 
url(r'A(?P<my_args>\d+)/$', 'article.views.detail', name='detail'), 


A(?P<my_args>\d+)/$ 这 个 正则 表达 式 的 意思 是 将 传 入 的 一 位 或 者 多 位 数字 作为 参数 传递 到 views 中 的 
detail 作 为 参数 , 其 中 ?P<my_args> 定义 名 称 用 于 标识 匹配 的 内 容 


一 下 url 都 能 成 功 匹 配 这 个 正则 表达 数 


e http://127.0.0.1:8000/1000/ 
e http://127.0.0.1:8000/9/ 


尝试 传人 参 访问 数据 库 


修改 在 my_blog/article/views.py 代 码 : 


from django.shortcuts import render 
from django.http import HttpResponse 
from article.models import Article 


# Create your views here. 
def home(request): 


return HttpResponse("Hello World, Django") 


def detail(request, my_args): 


post = Article.objects.all()[int(my args)] 
str = ("title = %s, category = %s, date time = %s, content = %s" 


% (post.title, post.category, post date time, post.content ) ) 
return HttpResponse(str) 


这 里 最 好 在 admin 后 台 管 理 界面 增加 几 个 Article 对 象 , 防止 查询 对 象 为 空 , 出 现 异常 


现在 可 以 访问 http://127.0.0.1:8000/1/ 


显示 如 下 数据 表示 数据 库 访问 正确 (这 些 数据 都 是 自己 添加 的 ), 并 且 注 意 Article.objects.all() 返 回 的 是 一 个 列 
表 


title = Hello World, category = python, date_time = 2014-12-27 02:12:04.773004+00:00, content = Hello Wordl 


小 结 : 


e 如 何 编写 views 和 设置 ur 
e 如 何 通过 url 向 views 传 参 
e 如 何 通过 参数 来 访问 数据 库 资 源 


Template 


Template 初 控 


到 目前 为 止 我 们 只 是 简单 的 将 后 端 数据 显示 到 页 面 上 , 没有 涉及 到 HTML 代码 , 而 优雅 的 网 站 总 算 通 过 
CSS+HTML, 甚至 还 有 强大 的 JS 的 支持 . 


在 这 个 教程 中 要 打造 一 个 Blog, 所 以 我 们 设置 一 个 Blog 界 面 , 原本 打算 使 用 Bootstrap 作为 前 段 的 工具 , 不 
过 经 过 Qus 的 建议 , 使 用 了 更 加 轻 量 级 的 Pure, 同样 是 响应 式 页 面 设 置 , 这 也 将 是 未 来 的 主流 吧 .. 


在 my_blog 下 添加 文件 名 , 文件 夹 名 为 templates 


mkdir templates 

# 看 到 当前 文件 构成 

my_blog 

i deeLele 

palms [e 

m~~ __pycache__ 

トー | init .cpython-34.pyc 
トー admin.cpython-34.pyc 
トー models.cpython-34.pyc 
L— views.cpython-34.pyc 


m admin.py 

-一 migrations 
トー 0001_initial. py 
I— init Dy 


トー  pycache . 
トー 60001 initial.cpython-34.pyc 
L— init .cpython-34.pyc 
-一 models.py 
p EGGS a [ORY 
ーー views.py 
rF- db.sqlite3 
トー manage.py 
トー my blog 
LF— init .py 
m __pycache__ 
トー _ init .cpython-34.pyc 
トー settings.cpython-34.pyc 
トー urls.cpython-34.pyc 
L— wsgi.cpython-34.pyc 
L— settings.py 
トー urls.py 
ーー wsgi.py 
ーー templates 











f£my blog/my blog/setting.py Fiz i&templates B4 i& 


TEMPLATE DIRS - ( 
os.path.join(BASE DIR, 'templates').replace('NN', '/'), 
) 


意思 是 告知 项 目 templates 文 件 夹 在 项 目 根 目录 下 


[n 


第 一 个 template 


templates/test.html 简 单 第 一 个 template html 文 件 


<! - - 在 test .htm1 文 件 天下 添加 - -> 
<!DOCTYPE html» 


«html» 
«head» 
<title>Just test template</title> 
<style> 
body { 
background-color: red; 
j 
em { 
color: LightSeaGreen; 
j 
</style> 
</head> 
<body> 
<hi>Hello World!</h1> 
<strong>{{ current_time }}</strong> 
</body> 
</html> 


其 中 {{ current time }} 是 Django Template 3x 量 的 表示 方 式 


在 article/view.py 中 添加 一 个 函数 逻辑 


from django.shortcuts import render 
from django.http import HttpResponse 
from article.models import Article 
from datetime import datetime 


# Create your views here. 
def home(request): 
return HttpResponse("Hello World, Django") 


def detail(request, my_args): 
post = Article.objects.all()[int(my args)] 
str = ("title = %s, category = %s, date_time = %s, content = %s" 
% (post.title, post.category, post.date_time, post.content) ) 
return HttpResponse(str) 


def test(request) 
return render(request, 'test.html', {'current_time': datetime.now()}) 


render() EgZXrRz8 — UE request WR, 第 二 个 参数 是 一 个 模板 名 称 ， 第 三 个 是 一 个 字典 类 
选 参 数 . 它 将 返回 一 个 包含 有 给 定 模 板 根据 给 定 的 上 下 文 泻 染 结果 的 HttpResponse 対象 。 


然后 设置 对 应 的 url 在 my_blog/urls.py 下 


WENGE ALESE/ S$.) vanticile: views test), 


重新 启动 服务 器 python manage.py runserver ,然后 在 浏览 器 中 输入 http://127.0.0.1:8000/test/, 可 以 看 到 





正式 编写 template 


在 template 文 件 夹 下 增加 base.html, 并 在 其 中 增加 如 下 代码 


<!doctype html» 
«html lang="en"> 
<head> 
«meta charset="utf-8"> 


«meta name-"viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="description" content="A layout example that shows off a blog page with a list 


<title>Andrew Liu Blog</title> 


<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css"> 
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min 
<link rel="stylesheet" href="http://picturebag.qiniudn.com/blog.css"> 


</head> 
<body> 
<div id="layout" class="pure-g"> 


<div class="sidebar pure-u-1 pure-u-md-1-4"> 


<div class="header"> 


«hi class="brand-title">Andrew Liu Blog</h1i> 
<h2 class="brand-tagline">jz - Snow Memory</h2> 


<nav class="nav"> 
<ul class="nav-list"> 


<li class="nav-item"> 
<a class="pure-button" 

</li> 

«li class="nav-item"> 
<a class="pure-button" 

</li> 

</ul> 
</nav> 
</div> 
</div> 


href="https://github.com/Andrew-liu">Githu 


href="http://weibo.com/dinosaurliu">Weibo< 


<div class="content pure-u-1 pure-u-md-3-4"> 


<div> 
{% block content %} 
{% endblock %} 
<div class="footer"> 


<div class="pure-menu pure-menu-horizontal pure-menu-open"> 
<ul> 
<li><a href="http://andrewliu.tk/about/">About Me</a></1i> 
<li><a href="http://twitter.com/yuilibrary/">Twitter</a></1i> 
<li><a href="http://github.com/yahoo/pure/">GitHub</a></1i> 


</ul> 
</div> 
</div> 
</div> 
</div> 

</div> 

</body> 

</html> 


m 














上 面 这 段 html 编 写 的 页 面 是 一 个 模板 , 其 中 (4 block content %} {% endblock %} 字段 用 来 被 其 他 继承 这 
个 基 类 模板 进行 重 写 


我 们 继续 在 templates 文 件 夹 下 添加 home.html 文 件 


{% extends "base.html" %} 


{% block content %} 
<div class="posts"> 
{% for post in post_list %} 
<section class="post"> 
«header class="post-header'"> 


<h2 class="post-title">{{ post.title }}</h2> 


<p class="post-meta"> 
Time: 
</p> 
</header> 


<a class="post-author" href="#">{{ post.date_time }}</a> < 


<div class="post-description"> 
<p> 


{{ post.content }} 
</p> 
</div> 
</section> 
{% endfor %} 
</div><!-- /.blog-post --> 
{% endblock %} 





{% for «element» in «list» %}5{% endfor %} 成 对 存在 , 这 是 template 中 提供 的 for 循 环 tag 
{% if <elemtnt> %} {% else %} {% endif %} 是 template 中 提供 的 if 语 句 tag 
e template 中 还 提供 了 一 些 过 滤器 


然后 修改 my_blog/article/View.py, 并 删除 test.html 


# -*- coding: utf-8 -*- 
from django.shortcuts import render 
from django.http import HttpResponse 


from article.models import Article 
from datetime import datetime 


# Create your views here. 
def home(request): 
post list = Article.objects.all() # 获 取 全 部 的 Article 对 象 
return render(request, 'home.htmi', f'post list' : post list?) 


修 改 my_blog/my_blog/urls.py 


from django.conf.urls import patterns, include, url 
from django.contrib import admin 


urlpatterns = patterns('', 
# Examples: 
# url(r'^$', 'my blog.views.home', name='home'), 
# url(r'^blog/', include('blog.urls')), 


url(r'^admin/', include(admin.site.urls)), 
url(r'^$', 'article.views.home'), 


现在 重新 打开 http://127.0.0.1:8000/, 发 现 Blog 的 整理 框架 已 经 基本 完成 , 到 现在 我 们 已 经 了 解 了 一 些 Django 
的 基本 知识 , 搭建 了 简单 地 Blog 框 架 , 剩 下 的 就 是 给 Blog 添 加 功能 


Django Blog 学 习 
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将 代码 上 传 到 Github 


在 github 中 新 建仓 库 my blog tutorial , 填写 简单 的 描述 





# 查 看 当前 目录 位 置 
$ pwd 
/Users/andrew_liu/Python/Django/my_blog 


# 在 项 目的 根 目录 下 初始 化 git 
at 
Initialized empty Git repository in/Users/andrew_liu/Python/Django/my_blog/.git/ 


# 添 加 远程 github 
$ git remote add blog git@github.com:Andrew-liu/my_blog_tutorial.git 


HIRA & FIH .gitignore I LICENSERI'README. md" 文件 


# 添 加 所 有 文件 
$ git add . 


# 查 看 当前 状态 
$ git status 


#commit 操 作 
$ git commit -m "django tutorial init" 


# 上 传 github 

$ git push -u blog master 

Counting objects: 23, done. 

Delta compression using up to 4 threads. 
Compressing objects: 100% (22/22), done. 


Writing objects: 100% (23/23), 19.56 KiB | © bytes/s, done. 
Total 23 (delta 1), reused © (delta 0) 

To git@github.com:Andrew-liu/my_blog_tutorial.git 

* [new branch] master -> master 

Branch master set up to track remote branch master from blog. 


动态 URL 


ーー ミーー 
E 


多 说 ,markdown 和 代码 高 亮 


